﻿<!DOCTYPE html>
<html>

	<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">
		
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!--忽略页面中的数字识别为电话，忽略email识别-->
		<meta name="format-detection" content="telphone=no, email=no">
		<title>搜索页面</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5shiv.min.js"></script>
			<script type="text/javascript" src="js/respond.min.js"></script>
	    <![endif]-->
	    <style type="text/css">
		.page-banner img{max-width:100%;}
		.glyphicon-heart{margin-left:20px;}
		.news-text{ margin:30px 0px;  border-bottom: 1px  dotted #dedede; padding-bottom: 10px;}
		.news-list a.read-all{ margin-right: 30px;}
	    </style>
		<link rel="stylesheet" type="text/css" href="css/media.css">
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<h1><a class="navbar-brand" href="">
						医疗保健预防疗养
					</a></h1>
				</div>
			
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right top-nav">
						<li class="active">
							<a href="index.html">
								首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li>
							<a href="page.html">关于我们</a>
						</li>
				
						  <li class="dropdown">
			                <a href="news.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">公司新闻 <span class="caret"></span></a>
			                <ul class="dropdown-menu">
			                  <li><a href="">Action</a></li>
			                  <li><a href="">Another action</a></li>
			                  <li><a href="">Something else here</a></li>
			                  
			                  <li><a href="">Separated link</a></li>
			                  <li><a href="">One more </a></li>
			                </ul>
			              </li>
						<li>
							<a href="news.html">新闻中心</a>
						</li>
						<li>
							<a href="img-news.html">图文新闻</a>
						</li>
						<li>
							<a href="news-con.html">文章内容</a>
						</li>
						<li>
							<a href="">搜索页面</a>
						</li>
						<li class="search_c"><a href="">搜索 <i class="glyphicon glyphicon-search"></i></a></li>
						<form>
							<input type="text" value="" class="form-control search" placeholder="请输入文章关键字或标题">
						</form>
					</ul>
				</div>
				<!-- /.navbar-collapse 导航结束 -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--广告图-->
		<div class="container-fluid page-banner">
			<div class="row">
				<img src="img/4.jpg" alt="" class="img-responsive">
			</div>
		</div>

		<!--文章列表 -->
		<div class="news">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
					   <span class="open">展开栏目列表</span>
						<!--电脑端页面导航-->
						<ul>
						<span title="关闭栏目列表" class="colse"></span>
							<li class="sidebar-title">
								<h3>首页</h3>
								<p> INDEX </p>
							</li>
							<li class="sidebar-item">
								<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;公司新闻</a>
							</li>
							<li class="sidebar-item">
								<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;行业新闻</a>
							</li>
						</ul>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
						<!--手机端页面导航-->
						<div class="mobile-nav hidden-md hidden-sm hidden-lg">
							<div class="mobile-nav-title">
								<h3>首页</h3>
								<p> INDEX </p>
							</div>
							<div class="mobile-nav-item clearfix">
								<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;公司新闻</a>
								<a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;行业新闻</a>
							</div>
						</div>
						<!--面包屑导航-->
						<ol class="breadcrumb bread">		
							<h4>搜索 <span class="active">新闻</span> 相关文章 <span class="active">10</span> 篇</h4>
						</ol>
						<div class="news-list">
								<div class="news-text">
									<h3><a href="javascript:;">多肉脸盲是这样搞出来的?</a></h3>
									<p>
										<a href="javascript:;">有些多肉品种的名字你根本叫不出来，因为它们是杂出来的，你可能没想到有多少多肉爱好者在多肉杂交这件事上的兴趣有多浓厚，譬如下文的肉山丨大魔王，杂交了许多多肉，回首移苗，不堪痛 ...</a>
									</p>
									<div>
										<a href="javascript:;" class="read-all">阅读全文</a>
										<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
										<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
										<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
									</div>
								</div>							
								<div class="news-text">
									<h3><a href="javascript:;">多肉脸盲是这样搞出来的?</a></h3>
									<p>
										<a href="javascript:;">有些多肉品种的名字你根本叫不出来，因为它们是杂出来的，你可能没想到有多少多肉爱好者在多肉杂交这件事上的兴趣有多浓厚，譬如下文的肉山丨大魔王，杂交了许多多肉，回首移苗，不堪痛 ...</a>
									</p>
									<div>
										<a href="javascript:;" class="read-all">阅读全文</a>
										<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
										<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
										<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
									</div>
								</div>
								<div class="news-text">
									<h3><a href="javascript:;">多肉脸盲是这样搞出来的?</a></h3>
									<p>
										<a href="javascript:;">有些多肉品种的名字你根本叫不出来，因为它们是杂出来的，你可能没想到有多少多肉爱好者在多肉杂交这件事上的兴趣有多浓厚，譬如下文的肉山丨大魔王，杂交了许多多肉，回首移苗，不堪痛 ...</a>

									</p>
									
									<div>
										<a href="javascript:;" class="read-all">阅读全文</a>
										<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
										<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>

										<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
									</div>
								</div>
								<div class="news-text">
									<h3><a href="javascript:;">多肉脸盲是这样搞出来的?</a></h3>
									<p>
										<a href="javascript:;">有些多肉品种的名字你根本叫不出来，因为它们是杂出来的，你可能没想到有多少多肉爱好者在多肉杂交这件事上的兴趣有多浓厚，譬如下文的肉山丨大魔王，杂交了许多多肉，回首移苗，不堪痛 ...</a>
									</p>
									
									<div>
										<a href="javascript:;" class="read-all">阅读全文</a>
										<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
										<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
										<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
									</div>
								</div>
															<!--分页-->
								<nav aria-label="Page navigation" class="page-box">
									<ul class="pagination">
										<li>
											<a href="" aria-label="Previous">
												<span aria-hidden="true">首页</span>
											</a>
										</li>
										<li class="active">
											<a href="">1</a>
										</li>
										<li>
											<a href="">2</a>
										</li>
										<li>
											<a href="">3</a>
										</li>
										<li>
											<a href="">4</a>
										</li>
										<li>
											<a href="">5</a>
										</li>
										<li>
											<a href="" aria-label="Next">
												<span aria-hidden="true">尾页</span>
											</a>
										</li>
									</ul>
								</nav>
						</div>

					</div>
					
				</div>
			</div>
		</div>

		<div class="xg">
			<div class="container">
					<div class="common-title">
						<h2>相关阅读</h2>
					<!-- 	<span>最新优惠的检查治疗项目</span>	 -->					
					</div>
					<div class="row">
						<div class="col-sm-6">
							 <h4><a href="">英特尔发精准医疗解决方案 推进24小时精准医疗1</a></h4>
							 <p>英特尔在上海发布其在中国精准医疗领域的解决方案建议书，内容涉及创新解决方案、合作案例、参考架构推荐等，并提出“24小时精准医疗” 愿景...</p>
						</div>
						<div class="col-sm-6">
							 <h4><a href="">英特尔发精准医疗解决方案 推进24小时精准医疗2</a></h4>
							 <p>英特尔在上海发布其在中国精准医疗领域的解决方案建议书，内容涉及创新解决方案、合作案例、参考架构推荐等，并提出“24小时精准医疗” 愿景...</p>
						</div>
					</div>
				
			</div>
		</div>
		<div class="footer">
		    <a href="">点击咨询 <i class="glyphicon glyphicon-user"></i></a> 
		    <a> &nbsp; </a>
		    咨询热线：<a href="tel:0123456789">0123456789</a> <br>
			医院地址：中国全量镜像地址https://pkg.phpcomposer.com/<br>
			Copyright © 2017, Composer 中文网 / Packagist 中国全量镜像 | 冀ICP备14002930号		
		</div>
	
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/nav.js"></script>

	</body>

</html>